import { h, init}  from 'snabbdom';

let patch = init([])  // diff:对比两个vnode的差异。

let vnode = h('div#container', [
    h('h1', 'Hello Snabbdom'),
    h('p', '这是一个p标签'),
]);  

let app = document.querySelector('#app');

let oldVnode = patch(app, vnode);

setTimeout(()=>{
    vnode = h('div.container', [
        h('h1', 'hello world'),
        h('p', 'hello p'),
    ])
    patch(oldVnode, vnode)

    //  清空页面元素
    // patch(oldVnode, null);
    patch(oldVnode, h('!'))

}, 2000)